[v-cloak] {
    display: none;
}

.wrapper {
    width: 80%;
    margin: auto;
}

.shopping-cart {
    border: 1px solid #dfdfdf;
}

.shopping-cart>h3 {
    text-align: center;
}

.cart-item {
    display: flex;
    border: 1px solid #dfdfdf;
    margin: 10px;
}

.cart-item>.ordinal {
    flex-basis: 10%;
    text-align: center;
}

.cart-item>.name {
    flex-basis: 40%;
}

.cart-item>.price {
    flex-basis: 10%;
    text-align: center;
}

.cart-item>.amount {
    flex-basis: 25%;
    text-align: center;
}

.sub-total {
    flex-basis: 15%;
    text-align: center;
}

.total {
    display: flex;
    margin: 10px;
    flex-direction: row-reverse;
}

.total>span {
    flex-basis: 15%;
    text-align: center;
}